<template>
	<view>
		<view class="header">		 
			<uni-search-bar placeholder="请输入关键字搜索" @confirm="searchFn" v-model='search'></uni-search-bar>
		</view>
		<view class="content">	
			<uni-card v-for="(item, index) in list" :title="item.time"  :key='index' :extra="item.remark">
			    <text>{{item.address}}</text>
				
				<view slot="actions" class="card-actions">
				        <view class="card-actions-item" @click="actionsClick('basis', item)">
				            <!-- <uni-icons type="info" size="18" color="#999"></uni-icons> -->
				            <text class="card-actions-item-text">修改基础信息</text>
				        </view>
				        <view class="card-actions-item" @click="actionsClick('record', item)">
				            <text class="card-actions-item-text">修改记录</text>
				        </view>
				        <view class="card-actions-item" @click="actionsClick('del', item)">
				            <text class="card-actions-item-text color-error">删除</text>
				        </view>
				    </view>
			</uni-card>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'my-record',
		data() {
			return {
				search: '',
				list: []
			}
		},
		methods: {
			searchFn() {
				console.log(this.search)
				this.list = [
					{
						time: '2021-11-19 22:23至23:23',
						remark: '分析记录',
						address: '广东省 广州市 天河区 高地大街'
					},
					{
						time: '2021-11-18 22:23至23:23',
						remark: '分析记录',
						address: '广东省 广州市 天河区 高地大街'
					},
					{
						time: '2021-11-17 22:23至23:23',
						remark: '分析记录',
						address: '广东省 广州市 天河区 高地大街'
					},
					
				]
			},
			actionsClick(type, val) {
				console.log(type, val)
			}
		},
		mounted() {
			this.searchFn()
		}
	}
</script>

<style lang="scss">
	.header {
		border-bottom: 2rpx solid #e0e5e5;
	}
	::v-deep .uni-card {
		.uni-card__header-content-title {
			font-size: 26rpx !important;
			color: #909399 !important;
		}
		.uni-card__header-extra-text {
			font-size: 30rpx !important;
			color: #3a3a3a !important;
		}
		.uni-card__content {
			color: #3a3a3a !important;
		}
	}
</style>
